<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>选电影票</title>
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="wrap">
        <div class="top">
            <div class="top-wrap">
                <!-- <img src="./images/1.jpg" alt="" class="active">
                <img src="./images/2.jpg" alt="">
                <img src="./images/3.jpg" alt="">
                <img src="./images/4.jpg" alt="">
                <img src="./images/5.jpg" alt="">
                <img src="./images/6.jpg" alt="">
                <img src="./images/7.jpg" alt="">
                <img src="./images/8.jpg" alt="">
                <img src="./images/9.jpg" alt=""> -->
            </div>
        </div>
        <div class="bottom">
            <div class="every">
                <!-- <ul>
                    <li>安徒生不后悔</li>
                    <li>45</li>
                    <li><button>买票</button></li>
                </ul> -->
                   <!-- <ul>
                    <li>安徒生不后悔</li>
                    <li>45</li>
                    <li><button>买票</button></li>
                </ul> -->
            </div>
        </div>

    </div>
    <script src="./js/data.js"></script>
    <script src="./js/tab.js"></script>

    <script>
        new Tab({
            box: ".wrap",
            data: data,
            headUl: ".top-wrap",
            contentUl: ".bottom",
            index: 0,
        })
    </script>
</body>

</html>